.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

a#sub_menu_index:hover {
    color: #fff;
}

.customer_logo {
  color: #fff;
  width: 980px;
  height: 130px;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px auto;
}

.c_logo img {
  width: 100px;
  height: 100px;
}

.logos_container {
  width: 680px;
  height: 130px;
}

.c_logo {
  height: 130px;
  width: 16%;
  padding: 10px;
  display: inline-block;
  margin-top: 9px;
}
.page_nav_num{
text-align:center;	
}

.pro{
display:inline-block;
}

.internal_news_img{
width:100%;	
}
.news_img{
padding:15px;	
}

#Logo {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 31;
    margin-top: 18px;
    margin-left: 11.684715%;
    clear: none;
}

#Divider {
    float: none;
    width: 1009.02px;
    height: 132px;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 29;
    background-image:url("img/Divider.png");
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: 0px auto;
    clear: none;
    background-attachment: inherit;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#Rectangle_11 {
    float: left;
    height: 132px;
    width: 100%;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 27;
}

#Boxmenu01 {
    float: left;
    height: 42px;
    width: 100%;
    background-color: rgb(42, 42, 42);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 32;
}

#Rectangle_18 {
    float: left;
    height: 218px;
    width: 100%;
    position: relative;
    top: auto;
    left: 0px;
    z-index: 1;
    margin-top: 0px;
    margin-left: 0px;
    clear: none;
    bottom: 0px;
    border-top-color: rgb(255, 142, 0);
    border-top-width: 20px;
    border-top-style: solid;
    background-color: rgb(245, 245, 245);
	margin-top: 30px;
}

#LineFooter {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 13;
    margin-top: 0px;
    margin-left: 0px;
    clear: none;
    padding: 0px;
}

#Black_White_1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 3;
    margin-top: 0px;
    margin-left: 0px;
    clear: none;
    padding: 0px;
}

#_1409340678_map-marker-32 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 5;
    margin-top: 0px;
    margin-left: 0px;
    clear: none;
    padding: 0px;
}

#Address_Unit_5_No_36_Jahan_Koodak_Crossroad_Vanak_Sq_Tehran {
    float: left;
    font-size: 0.75em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 14px;
    color: rgb(149, 149, 149);
    font-style: normal;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-family: arial;
    position: absolute;
    z-index: 4;
    margin-top: 0px;
    margin-left: 0px;
    clear: none;
    padding: 0px;
}

#_1409355896_google_plus-48 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 12;
    clear: none;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
}

/*B&W*/
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}

#_1409354309_facebook-48 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 10;
    margin: 0px;
    clear: none;
    padding: 0px;
}

#_1409354335_twitter-48 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 9;
    margin: 0px;
    clear: none;
    padding: 0px;
}

#_1409354298_rss-48 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 11;
    clear: none;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
}

#LineFooterDote {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 8;
    margin-top: 0px;
    margin-left: 0px;
    clear: none;
    padding: 0px;
}

#_1409340752_call-32 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: 7;
    margin: 0px;
    clear: none;
    padding: 0px;
}

#Tel_98_21_8877_2013_Fax_98_21_8877_6884 {
    float: left;
    font-size: 0.75em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 14px;
    color: rgb(149, 149, 149);
    font-style: normal;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-family: arial;
    position: absolute;
    z-index: 6;
    margin: 0px;
    clear: none;
    padding: 0px;
}
.td_active_gallery{
width: 570px;
padding: 10px;
text-align: center;
border-bottom: 1px #bababa dotted;
border-top: 1px #bababa dotted;
color: #fff;
background-color:#f29200;
}
.td_inactive_gallery{
width: 570px;
padding: 10px;
text-align: center;
border-bottom: 1px #bababa dotted;
border-top: 1px #bababa dotted;
color: #f29200;
}
#©_2014_TSP_Engineering_Co_All_Rights_Reserved_ {
    float: left;
    font-size: 0.6875em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 14px;
    color: rgb(149, 149, 149);
    font-style: normal;
    letter-spacing: normal;
    text-decoration: none;
    font-family: tahoma;
    position: absolute;
    z-index: 2;
    margin: 0px;
    clear: none;
    padding: 0px;
}
#second_menu{
	padding: 0 0 0 40px;
}
#sub_menu_1
{
	padding-left:100px;
}
#sub_menu_2
{
	padding-left:100px;
}
#sub_menu_3
{
	padding-left:80px;
}
#sub_menu_index
{
	padding-left:40px;
}
#sub_menu_1:hover{
	color:#fff;
}
#sub_menu_2:hover{
	color:#fff;
}
#sub_menu_3:hover{
	color:#fff;
}
#main_top_menu
{
	padding:10px;
	font-size:14px;
}
#main_top_menu:hover
{
	color:#f29200;
}
#box .active_page
{
	color:#ccc;
	cursor: default;
	pointer-events: none;
}

#box {
	direction:rtl;
    float: left;
    height: 42px;
    margin: 0px 0px 0px 47.84%;
    clear: none;
    width: 510px;
	margin-top: 10px;
	color: #757575;
}

#box1 {
    float: left;
    height: 36px;
    margin-left: 0%;
    margin-top: 36px;
    clear: none;
    width: 532.63px;
}

#box2 {
    float: right;
    height: 104px;
    margin: -133px 0% 0px 0px;
    clear: none;
    width: 27.31314%;
    border-top-width: 1px;
    border-top-style: solid;
    background-color: rgb(243, 146, 0);
}

#box3 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 40px;
    clear: none;
    width: 864.88px;
    margin-right: auto;
    position: relative;
}

#content {
    float: none;
    height: 100%;
    margin-left: auto;
    margin-top: 40px;
    clear: none;
    width: 864.88px;
    margin-right: auto;
    position: relative;
    direction:rtl;
    font-size:13px;
    text-align: justify;

    line-height:2.2em;	
}
#content::-webkit-scrollbar{
width:16px;
background-color:#cccccc;
} 
#content::-webkit-scrollbar-thumb{
background-color:#f39001;
border-radius:10px;
}
#content::-webkit-scrollbar-thumb:hover{
background-color:#f39001;
border:1px solid #333333;
}
#content::-webkit-scrollbar-thumb:active{
background-color:#f39001;
border:1px solid #333333;
} 
#content::-webkit-scrollbar-track{
border:1px gray solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px gray inset;
} 

#about_image{
border-bottom:10px solid #f39001;
margin-bottom:20px;
}

#employ_h2{
color:#f39001;
}
#internal_project_h2{
	color:#f39001;
}
.dotted_hr{
    border: 0;
    border-bottom: 1px dashed #ccc;	
}
.employ_col1, .employ_col2, .employ_col3, .employ_col4 {
	display: table-cell;
	min-width: 50px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	padding: 4px;
	vertical-align: middle;
}
.employ_row {
    white-space: nowrap;
	margin-bottom: 2px;
}
.contact_col1, .contact_col2{
	display: table-cell;
	min-width: 50px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	padding: 4px;
	vertical-align: middle;
}
.contact_row {
    white-space: nowrap;
	margin-bottom: 2px;
}
.contact_text{
	background-color: #243388;
	color: #fff;
	text-align: center;
	padding: 15px;
}
#contact_first_address{
	margin-top: 15px;
}
.paddTop{
padding-top:4px;	
}
.paddBut{
padding-bottom:10px;	
}
#contact_r1_c2{
width:282px;	
}
#contact_r2_c2{
width:287px;	
}
#contact_r3_c2{
width:304px;	
}
#contact_r4_c2{
width:309px;	
}
#contact_r5_c2{
width:345px;	
}
#contact_form_name{
min-width:343px;	
}
#contact_form_email{
min-width:343px;	
}
.contact_form_textbox{
width:330px;	
}
#contact_form_button {
width: 385px;
color: #fff;
background-color: #f29200;
}
.contact_divider{
	float: none;
	height:85px;
	margin:0px auto 0px;
	clear: none;
	width: 100%;
	background-image: url("img/contact_divider.png");
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
}
.clean{
background-color:#fff;	
}
.contact_header{
	float: none;
	height:125px;
	margin: 20px auto 0px;
	clear: none;
	width: 100%;
	background-image: url("img/contact_header.png");
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
}
.about_header{
	float: none;
	height:125px;
	margin: 20px auto 0px;
	clear: none;
	width: 100%;
	background-image: url("img/about_header.png");
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
}
.employ_header{
	float: none;
	height:125px;
	margin: 20px auto 0px;
	clear: none;
	width: 100%;
	background-image: url("img/employ_header.png");
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
}
.news_header{
	float: none;
	height:125px;
	margin: 20px auto 0px;
	clear: none;
	width: 100%;
	background-image: url("img/news_header.png");
	background-attachment: scroll;
	-webkit-background-size: auto;
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
}
.news_table{
direction:ltr;	
}
#contact_form_button:hover{
	background-color: #ff9a00;
}
#contact_form_body{
min-width:343px;	
}
#employ_form_name{
	width:400px;	
}
#employ_form_organization{
	width:437px;	
}
#employ_form_organization_address{
	width:444px;
}
#employ_form_cooperate{
width:342px;	
}
#employ_form_birth{
	width:437px;
}
#employ_form_marriage{
	width:401px;
}
#employ_form_military{
	width:391px;	
}
#employ_form_address{
	width:390px;	
}
#employ_form_tel{
	width:429px;
}
#employ_form_email{
	width:434px;
}
#employ_form_education{
	width:442px;
}
#employ_form_graduate{
	width:380px;
}
#employ_form_workexp{
	width:440px;
}
#employ_form_text{
	background-color: #e8e8e8;
}
#employ_form_button{
	width: 489px;
	color: #fff;
	background-color: #f29200;	
}
#employ_form_button:hover{
	background-color: #ff9a00;
}
	
.employ_form_textbox{
	width:100%;	
}
#employ_form_language1{
	width:117px;	
}
#employ_form_language2{
	width:115px;	
}
.form_white_back{
	background-color: #fff;
}
#employ_form_resume_col2{
width:427px;	
}
#employ_form_browse{
	background-color: #fff;
}
#employ_form_browse:hover{
	background-color: #f0f0f0;
}
ul { 
list-style-type:none; 
margin:1; 
padding:1; 
padding-top:0px; 
padding-bottom:5px; 
line-height: 2.2;
} 
li { 
display:inline; 
} 
#horizontalmenu ul { padding:1; margin-top: 0px;left: 50px;
margin-bottom: 0px; list-style:none; } #horizontalmenu li { float:left; position:relative; display:block; border:none;} #horizontalmenu li ul { display:none; position:absolute; } #horizontalmenu li:hover ul{ display:block; background:#fff; height:auto; width:8em; } #horizontalmenu li ul li{ clear:both; border-style:none;}
#projects_link{
	font-size:11px;	
}


#news_internal_right{
width:75%;
float:right;	
}
#news_internal_left{
width:25%;
float:left;
}
#contact_internal_right{
width:50%;
float:right;
border-left: 1px dotted;	
}	
#contact_internal_left{
width:50%;
float:left;	
padding-right: 30px;
}	
#contact_h2{
color: #f39001;
margin-top:0px;
margin-bottom: 0px;	
}
#news_titr{
color:#6863a3;	
}
#news_divider_line{
width:630px;	
}
#news_internal_body{
padding-left:19px;
text-align:justify;	
}
#news_internal_date{
color:#a7a7a7;	
}
#gallery_thumb{
padding:0px;
border:0px;
border-bottom:4px solid #f98e00;	
}
.row{
	margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666666666666%;
}
.col-xs-10 {
  width: 83.33333333333334%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666666666666%;
}
.col-xs-7 {
  width: 58.333333333333336%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666666666667%;
}
.col-xs-4 {
  width: 33.33333333333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.666666666666664%;
}
.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666666666666%;
}
.col-xs-pull-10 {
  right: 83.33333333333334%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666666666666%;
}
.col-xs-pull-7 {
  right: 58.333333333333336%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666666666667%;
}
.col-xs-pull-4 {
  right: 33.33333333333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.666666666666664%;
}
.col-xs-pull-1 {
  right: 8.333333333333332%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666666666666%;
}
.col-xs-push-10 {
  left: 83.33333333333334%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666666666666%;
}
.col-xs-push-7 {
  left: 58.333333333333336%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666666666667%;
}
.col-xs-push-4 {
  left: 33.33333333333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.666666666666664%;
}
.col-xs-push-1 {
  left: 8.333333333333332%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
/* ==========================================================================
Product style
========================================================================== */

.product-section article {
    margin-bottom: 40px}
.product-section ul {
    margin-bottom: 0}
.product-section ul li {
    margin-bottom: 40px}
.block-product-tab {
    margin-top: 30px;
    position: relative}
.block-product-tab .tab-bg {
    position: absolute;
    width: 100%;
    background-color: #eaeaea;
    z-index: -1;
    height: 50px}
.block-product-tab .toolbar-for-light {
    top: 7px;
    right: 7px;
    z-index: 3;
    width: 80px}
.block-product-tab .toolbar-for-light a {
    border: 0;
    background-color: #fff;
    color: rgba(14,14,14,.3)}
.block-product-tab .nav-pills>li>a {
    border-radius: 0;
    padding: 15px 16px 16px;
    border-top: 2px solid transparent}
.block-product-tab .nav-pills>li.active>a:hover {
    background: #fff}
.block-product-tab .nav-pills>li.active>a,.block-product-tab .nav-pills>li.active>a:focus {
    background-color: #fff;
    border-top-color: #eb2c33;
    color: #eb2c33}
.block-product-tab .nav {
    font-size: 24px;
    font-family: Droid Arabic Naskh,Tahoma;
    line-height: 1.1}
.block-product-tab .nav li {
    float: left;
    margin-bottom: 20px}
	
#gallery_main_pic{
width:500px;
height:320px;
margin-right:auto;
margin-left:auto;	
}

#mainImage{
	width: 500px;
height: 300px;
}
#gallery_load{
width: 500px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border: 1px solid;
margin-top: 10px;
background: url('img/ajax-loader.gif') center center no-repeat;
}
/*========== for light background ============*/

.product.light {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 5px solid #fff;
    max-width: 263px;
    margin: 5px auto 10px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);

    box-shadow: 0 0 10px rgba(0,0,0,.15)}
.product.light:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    box-shadow: 0 2px 20px rgba(0,0,0,.2)}
.product.light:hover .product-caption {
    background-color: #fff}
.product.light:hover .product-compare {
    right: 10px}
.product.light:hover .product-wishlist {
    right: 10px}
.product.light .product-compare {
    position: absolute;
    font-size: 18px;
    text-align: center;
    color: #eb2c33;
    display: block;
    -webkit-backface-visibility: hidden;
    background-color: rgba(255,255,255,.9);
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 40px;
    border: 1px solid rgba(235,44,51,.5);
    z-index: 103;
    bottom: 10px;
    right: -100px}
.product.light .product-compare:hover {
    background-color: rgba(235,44,51,.9);
    color: #fff}
.product.light .product-wishlist {
    position: absolute;
    font-size: 18px;
    text-align: center;
    color: #eb2c33;
    display: block;
    -webkit-backface-visibility: hidden;
    background-color: rgba(255,255,255,.9);
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    line-height: 40px;
    border: 1px solid rgba(235,44,51,.5);
    z-index: 103;
    bottom: 52px;
    right: -100px}
.product.light .product-wishlist:hover {
    background-color: rgba(235,44,51,.9);
    color: #fff}
.product.light .product-caption {
    text-align: center;
    position: relative;
    background-color: #fff;
	border-bottom: 1px dotted #adadad;
	border-top: 1px dotted #adadad;
	}
.product.light .product-caption .product-name {
    font-size: 14px;
    padding: 0 0 5px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font-family: IRAN,Tahoma;
    color: #0e0e0e;
	direction: rtl}
.product.light .product-caption .product-name:hover {
    color: #eb2c33}
.product.light .product-caption .block-name {
    display: inline-block;
    }
.product.light .product-caption .product-cart {
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px}
.product.light .product-caption .product-cart a {
    display: inline-block;
    font-size: 19px;
    text-align: center;
    color: #eb2c33;
    -webkit-backface-visibility: hidden;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 40px;
    border: 1px solid rgba(235,44,51,.5)}
.product.light .product-caption .product-cart a:hover {
    background-color: #eb2c33;
    color: #fff;
    border-color: #eb2c33}
.product.light .product-caption .product-price {
    color: rgba(14,14,14,.9);
    font-size: 15px;
    margin: 0}
.product.light .product-caption .product-price span {
    color: rgba(14,14,14,.5);
    font-size: 13px;
    text-decoration: line-through}
.product.light .product-rating {
    width: 100%;
    padding: 5px 0 3px;
    position: relative}
.product.light .product-rating .stars {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 12px;
    text-align: left}
.product.light .product-rating .stars span.star {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block}
.product.light .product-rating .stars span.star.active:before {
    content: "\f005"}
.product.light .product-rating .stars span.star:hover {
    cursor: pointer}
.product.light .product-rating .stars span.star:before {
    content: "\f006";
    padding: 0 2px;
    color: rgba(235,44,51,.9)}
.product.light .product-rating .stars span.star:hover:before,.product.light .product-rating .stars span.star:hover~span.star:before {
    content: "\f005";
    color: #eb2c33}
.product.light .product-rating .review {
    color: rgba(14,14,14,.7);
    font-size: 11px;
    position: absolute;
    left: 85px;
    top: 7px;
    text-decoration: none}
.product.light .product-rating .review:hover {
    color: #eb2c33}
.product.light .description {
    font-size: 14px;
    color: rgba(14,14,14,.7)}
.product.light .product-new {
    position: absolute;
    font-size: 14px;
    z-index: 5;
    height: 38px;
    text-align: center;
    line-height: 28px;
    left: -25px;
    top: -8px;
    color: #fff;
    background-color: #5eb22d;
    width: 70px;
    padding-top: 10px;
    -webkit-transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    -moz-transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    -o-transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    -ms-transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden}
.product.light .product-sale {
    position: absolute;
    font-size: 14px;
    z-index: 6;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 40px!important;
    -moz-border-radius: 40px!important;
    border-radius: 40px!important;
    text-align: center;
    padding: 17px;
    right: 3px;
    top: 3px;
    line-height: 13px;
    color: #eb2c33;
    border: 1px solid rgba(235,44,51,.5);
    background-color: rgba(255,255,255,.9);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden}
.last-sale {
    margin: 30px auto!important}
.last-sale .product-sale {
    background-color: #5eb22d!important;
    border-color: #5eb22d!important;
    color: #fff!important}
.last-sale .time {
    position: absolute;
    bottom: 10px;
    left: 0;
    margin: 10px 0 0 10px;
    font-size: 15px;
    color: #fff;
    text-align: left;
    z-index: 7}
.last-sale .time div {
    display: inline-block;
    float: left;
    background-color: rgba(235,44,51,.9);
    width: 40px;
    padding: 3px 8px 3px;
    margin-right: 2px;
    text-align: center}
.last-sale .time .cd-time {
    display: block;
    margin-top: 0;
    font-size: 11px;
    line-height: 11px;
    padding-bottom: 2px}
.product-section figure {
    max-width: 280px;
    margin: 0 auto;
    overflow: hidden;
    position: relative}
.figure-hover-overlay {
    position: relative;
    overflow: hidden;
	padding-bottom:10px;}
.figure-hover-overlay .figure-href {
    text-transform: lowercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5}
.figure-hover-overlay .img-overlay {
    position: absolute;
    opacity: 1;
    z-index: 2}
.figure-hover-overlay img {
    position: relative;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden}
.img-overlay {
    position: absolute;
    opacity: .5;
    z-index: 2}
.product:hover .figure-hover-overlay img {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out}
.product .figure-hover-overlay:hover .img-overlay {
    opacity: 0}
.product.list {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 5px solid #fff;
    margin: 5px auto 30px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.15);
    box-shadow: 0 0 7px rgba(0,0,0,.15)}
.product.list:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    box-shadow: 0 2px 20px rgba(0,0,0,.2)}
.product.list:hover .product-caption {
    background-color: #fff}
.product.list:hover .product-compare {
    right: 10px}
.product.list:hover .product-wishlist {
    right: 10px}
.product.list .product-compare {
    position: absolute;
    font-size: 18px;
    text-align: center;
    color: #eb2c33;
    display: block;
    -webkit-backface-visibility: hidden;
    background-color: rgba(255,255,255,.9);
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 40px;
    border: 1px solid rgba(235,44,51,.5);
    z-index: 5;
    bottom: 10px;
    right: -100px}
.product.list .product-compare:hover {
    background-color: rgba(235,44,51,.9);
    color: #fff}
.product.list .product-wishlist {
    position: absolute;
    font-size: 18px;
    text-align: center;
    color: #eb2c33;
    display: block;
    -webkit-backface-visibility: hidden;
    background-color: rgba(255,255,255,.9);
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    line-height: 40px;
    border: 1px solid rgba(235,44,51,.5);
    z-index: 6;
    bottom: 52px;
    right: -100px}
.product.list .product-wishlist:hover {
    background-color: rgba(235,44,51,.9);
    color: #fff}
.product.list .product-caption {
    text-align: left;
    padding: 10px 10px 5px 10px;
    background-color: #fff}
.product.list .product-caption .product-name {
    font-size: 14px;
    padding: 5px 0 5px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Droid Arabic Naskh,Tahoma;
    color: #0e0e0e}
.product.list .product-caption .product-name:hover {
    color: #eb2c33}
.product.list .product-caption .block-name {
    display: inline-block}
.product.list .product-caption .product-cart {
    color: #fff}
.product.list .product-caption .product-cart a {
    display: inline-block;
    font-size: 19px;
    text-align: center;
    color: #eb2c33;
    -webkit-backface-visibility: hidden;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 40px;
    border: 1px solid rgba(235,44,51,.5)}
.product.list .product-caption .product-cart a:hover {
    background-color: #eb2c33;
    color: #fff;
    border-color: #eb2c33}
.product.list .product-caption .product-price {
    color: rgba(14,14,14,.9);
    font-size: 15px;
    margin: 0}
.product.list .product-caption .product-price span {
    color: rgba(14,14,14,.5);
    font-size: 13px;
    text-decoration: line-through}
.product.list .product-rating {
    width: 100%;
    padding: 5px 0 3px;
    position: relative}
.product.list .product-rating .stars {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 12px;
    text-align: left}
.product.list .product-rating .stars span.star {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block}
.product.list .product-rating .stars span.star.active:before {
    content: "\f005"}
.product.list .product-rating .stars span.star:hover {
    cursor: pointer}
.product.list .product-rating .stars span.star:before {
    content: "\f006";
    padding: 0 2px;
    color: rgba(235,44,51,.9)}
.product.list .product-rating .stars span.star:hover:before,.product.list .product-rating .stars span.star:hover~span.star:before {
    content: "\f005";
    color: #eb2c33}
.product.list .product-rating .review {
    color: rgba(14,14,14,.7);
    font-size: 11px;
    position: absolute;
    left: 85px;
    top: 7px;
    text-decoration: none}
.product.list .product-rating .review:hover {
    color: #eb2c33}
.product.list .description {
    font-size: 14px;
    color: rgba(14,14,14,.7)}
.product.list .product-new {
    position: absolute;
    font-size: 14px;
    z-index: 5;
    height: 38px;
    text-align: center;
    line-height: 28px;
    left: -25px;
    top: -8px;
    color: #fff;
    background-color: #5eb22d;
    width: 70px;
    padding-top: 10px;
    -webkit-transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    -moz-transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    -o-transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    -ms-transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    transform: rotate(-45deg) scale(1) skew(0deg) translate(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden}
.product.list .product-sale {
    position: absolute;
    font-size: 14px;
    z-index: 6;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 40px!important;
    -moz-border-radius: 40px!important;
    border-radius: 40px!important;
    text-align: center;
    padding: 17px;
    line-height: 13px;
    right: 3px;
    top: 3px;
    color: #eb2c33;
    border: 1px solid rgba(235,44,51,.5);
    background-color: rgba(255,255,255,.9);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden}

#Table_01{
margin-left:auto;
margin-right:auto;	
}
@media only screen and (max-width: 1920px) {
	#content_box{
		width: 100%;
        left: 0px;
        top: auto;
	}
    #Rectangle_18 {
        width: 100%;
        left: 0px;
        top: auto;
        border-top-color: rgb(243, 146, 0);
        border-top-width: 20px;
        border-top-style: solid;
    }

    #©_2014_TSP_Engineering_Co_All_Rights_Reserved_ {
        clear: none;
        top: 82px;
        left: -0.00361324%;
    }

    .primaryContainer {
        background-color: rgb(245, 245, 245);
    }

    #Divider {
        clear: none;
        margin-top: 0px;
    }

    #box {
        clear: none;
    }

    #box2 {
        float: right;
        clear: none;
        width: 23.723958%;
        background-color: rgb(243, 146, 0);
    }

    #Tel_98_21_8877_2013_Fax_98_21_8877_6884 {
        clear: none;
        top: 71px;
        left: 24.577251%;
    }

    #_1409340752_call-32 {
        clear: none;
        top: 71px;
        left: 21.309076%;
    }

    #Black_White_1 {
        clear: none;
        top: 10px;
        left: 0%;
    }

    #_1409340678_map-marker-32 {
        clear: none;
        top: 10px;
        left: 21.309076%;
    }

    #_1409354298_rss-48 {
        clear: none;
        top: 10px;
        left: 75.668449%;
    }

    #LineFooterDote {
        clear: none;
        top: 56px;
        left: 22.45086%;
    }

    #LineFooter {
        clear: none;
        top: 0px;
        left: 17.905405%;
    }

    #Address_Unit_5_No_36_Jahan_Koodak_Crossroad_Vanak_Sq_Tehran {
        clear: none;
        top: 10px;
        left: 24.512213%;
    }

    #_1409355896_google_plus-48 {
        clear: none;
        top: 10px;
        left: 82.101821%;
    }

    #_1409354309_facebook-48 {
        clear: none;
        top: 10px;
        left: 88.439442%;
    }

    #_1409354335_twitter-48 {
        clear: none;
        top: 10px;
        left: 94.677699%;
    }

    #box3 {
        margin-top: 40px;
        clear: none;
    }
}

@media only screen and (max-width: 1040px) {
    #Divider {
        clear: none;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #Rectangle_18 {
        float: none;
        clear: none;
    }
	
	#content_box {
        float: none;
        clear: none;
    }

    #LineFooter {
        clear: none;
    }

    #Black_White_1 {
        clear: none;
    }

    #_1409340678_map-marker-32 {
        clear: none;
    }

    #Address_Unit_5_No_36_Jahan_Koodak_Crossroad_Vanak_Sq_Tehran {
        clear: none;
    }

    #_1409355896_google_plus-48 {
        clear: none;
    }

    #_1409354309_facebook-48 {
        clear: none;
    }

    #_1409354335_twitter-48 {
        clear: none;
    }

    #_1409354298_rss-48 {
        clear: none;
    }

    #LineFooterDote {
        clear: none;
    }

    #_1409340752_call-32 {
        clear: none;
    }

    #Tel_98_21_8877_2013_Fax_98_21_8877_6884 {
        clear: none;
    }

    #©_2014_TSP_Engineering_Co_All_Rights_Reserved_ {
        clear: both;
    }

    #box {
        float: left;
        height: 42px;
        clear: none;
    }

    #box1 {
        float: left;
        height: 36px;
        margin-left: 0%;
        margin-top: 36px;
        clear: none;
    }

    #box2 {
        clear: none;
        visibility: visible;
        width: 50px;
    }
}

input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:17px;
							height:12px; 
							display:inline-block;
							line-height:12px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:12px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -12px;
						}
						label.css-label {
				background-image:url(img/radiobuttons.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}